<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
  
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title>仿小米首页</title>
    <link rel="stylesheet" href="./css/mi.css"></head>
  
  <body>
    <!-- 这是小米最顶部内容页 -->
    <div class="sitetopbar">
      <div class="sitetopbarmid">
        <div class="sitetopbarmidleft">
          <a href="">小米网</a>
          <span>|</span>
          <a href="">MIUI</a>
          <span>|</span>
          <a href="">米聊</a>
          <span>|</span>
          <a href="">游戏</a>
          <span>|</span>
          <a href="">多看阅读</a>
          <span>|</span>
          <a href="">云服务</a>
          <span>|</span>
          <a href="">小米网移动版</a>
          <span>|</span>
          <a href="">问题反馈</a>
          <span>|</span>
          <a href="">Select Region</a></div>
        <div class="sitetopbarmidright">
          <a href="">登录</a>
          <span>|</span>
          <a href="">注册</a>
          <span>|</span>
          <a href="">购物车</a></div>
      </div>
    </div>
    <!-- 这是secondtar -->
    <div class="secondbar">
      <div class="left">
        <div class="left1">
          <img src="./img/logo.png" alt=""></div>
        <div class="right1">
          <img src="./img/chuan.gif" alt=""></div>
      </div>
      <div class="middle">
        <a href="">小米手机</a>
        <a href="">红米</a>
        <a href="">平板</a>
        <a href="">电视</a>
        <a href="">盒子 · 影音</a>
        <a href="">路由器</a>
        <a href="">智能硬件</a>
        <a href="">服务</a>
        <a href="">社区</a></div>
      <div class="right">
        <!-- <input type="button" class="button search-btn icofont"> -->
        <input class="button search-btn iconfont" value="" type="submit">
        <input type="text" class="text"></div>
    </div>
    <!-- 这个是第三部分 -->
    <div class="threead">
      <div class="first">
        <img src="./img/threebig.jpg" alt=""></div>
      <!-- 这里父级加一个半透明 -->
      <div class="threeaddbrother"></div>
      <div class="threeadd">
        <div class="next">
          <a href="">手机 平板 电话卡</a>
          <a href="">电视 盒子</a>
          <a href="">路由器 智能硬件</a>
          <a href="">移动电源 插线板</a>
          <a href="">耳机 音箱</a>
          <a href="">电池 存储卡</a>
          <a href="">保护套 后盖</a>
          <a href="">贴膜 其他配件</a>
          <a href="">米兔 服装</a>
          <a href="">箱包 其他周边</a></div>
      </div>
    </div>
    <!-- 这是第四部分 -->
    <div class="four">
      <!-- <div class="fourleft"><img src="./img/four1.png" alt=""></div> -->
      <div class="fourleft">
        <ul>
          <li>
            <i class="iconfont">&#xe640;</i>电信专场
              <div class="solid_right"></div>
              <div class="solid_bottom"></div>
            </li>
          <li>
            <i class="iconfont">&#xe63e;</i>企业团购
              <div class="solid_right"></div>
              <div class="solid_bottom"></div>
            </li>
          <li>
            <i class="iconfont">&#xe63b;</i>官翻产品
              <div class="solid_bottom"></div>
            </li>
          <li>
            <i class="iconfont"></i>小米移动
              <div class="solid_right"></div>
            </li>
          <li>
            <i class="iconfont">&#xe900;</i>以旧换新
              <div class="solid_right"></div>
            </li>
          <li>
            <i class="iconfont"></i>话费充值</li></ul>
      </div>
      <div class="fourright">
        <img src="./img/four2.png" alt=""></div>
      <div class="fourright">
        <img src="./img/four3.png" alt=""></div>
      <div class="fourright">
        <img src="./img/four4.png" alt=""></div>
    </div>
    <!-- 明星单品 -->
    <div class="star">
      <div class="starleft">
        <span>小米明星单品</span></div>
      <div class="starright">
        <ul>
          <li class="lostaborder">
            <i class="iconfont"></i></li>
          <li>
            <i class="iconfont"></i></li>
        </ul>
      </div>
    </div>
    <!-- 小米手机排版 -->
    <div class="mitelphone">
      <ul>
        <li class="firstbox">
              <a href=""><img src="./img/xp1.png" alt=""></a>
              <p><a href="">小米手机5 尊享版</a></p>
              <p>4GB+128GB陶瓷版，7月19日开售</p>
              <p class="ls">2899元</p>
        </li>
        <li class="li2">
              <a href=""><img src="./img/xp2.png" alt=""></a>
              <p><a href="">小米手机5 尊享版</a></p>
              <p>4GB+128GB陶瓷版，7月19日开售</p>
              <p class="ls">2899元</p>
        </li>
        <li class="li3">
              <a href=""><img src="./img/xp3.png" alt=""></a>
              <p><a href="">小米手机5 尊享版</a></p>
              <p>4GB+128GB陶瓷版，7月19日开售</p>
              <p class="ls">2899元</p>
        </li>
        <li class="li4">
              <a href=""><img src="./img/xp4.png" alt=""></a>
              <p><a href="">小米手机5 尊享版</a></p>
              <p>4GB+128GB陶瓷版，7月19日开售</p>
              <p class="ls">2899元</p>
        </li>
        <li class="li5">
              <a href=""><img src="./img/xp5.jpg" alt=""></a>
              <p><a href="">小米手机5 尊享版</a></p>
              <p>4GB+128GB陶瓷版，7月19日开售</p>
              <p class="ls">2899元</p>
        </li>
      </ul>
    </div>
    <!-- 这个是中间一个大div -->
    <div class="bottomtotal">
      <!-- 这是智能硬件 -->
      <div class="smartdev">
        <h1>智能硬件</h1>
        <a href="">
          查看全部
          <i class="iconfont"></i>
        </a>
      </div>
      <!-- 这是平衡车位置 -->
      <div class="pinhenche">
        <div class="pinhencheleft"><a href=""><img src="./img/phc.jpg" alt=""></a></div>
        <div class="pinhencheright">
          <ul>
            <li>
                <a href=""><img src="./img/phc1.jpg" alt=""></a>
                <p>小米路由器3</p>
                <p class='phc2'>四天线设计，更安全更稳定</p>
                <p class='phc3'>149元</p>
                <div class="phcp">免邮费</div>
            </li>
            <li>
                <a href=""><img src="./img/phc2.jpg" alt=""></a>
                <p>小米路由器3</p>
                <p class='phc2'>四天线设计，更安全更稳定</p>
                <p class='phc3'>149元</p>
            </li>
            <li>
                <a href=""><img src="./img/phc3.jpg" alt=""></a>
                <p>小米路由器3</p>
                <p class='phc2'>四天线设计，更安全更稳定</p>
                <p class='phc3'>149元</p>
            </li>
            <li>
                <a href=""><img src="./img/phc4.jpg" alt=""></a>
                <p>小米路由器3</p>
                <p class='phc2'>四天线设计，更安全更稳定</p>
                <p class='phc3'>149元</p>
            </li>
            <li>
                <a href=""><img src="./img/phc5.jpg" alt=""></a>
                <p>小米路由器3</p>
                <p class='phc2'>四天线设计，更安全更稳定</p>
                <p class='phc3'>149元</p>
            </li>
            <li>
                <a href=""><img src="./img/phc6.jpg" alt=""></a>
                <p>小米路由器3</p>
                <p class='phc2'>四天线设计，更安全更稳定</p>
                <p class='phc3'>149元</p>
            </li>
            <li>
                <a href=""><img src="./img/phc7.jpg" alt=""></a>
                <p>小米路由器3</p>
                <p class='phc2'>四天线设计，更安全更稳定</p>
                <p class='phc3'>149元</p>
            </li>
            <li>
                <a href=""><img src="./img/phc8.jpg" alt=""></a>
                <p>小米路由器3</p>
                <p class='phc2'>四天线设计，更安全更稳定</p>
                <p class='phc3'>149元</p>
            </li>
            </ul>
        </div>
      </div>
      <!-- 这是搭配 -->
      <div class="dapei">
        <h2>搭配</h2>
        <div class="dapeiright">
          <a href="">热门</a>
           <a href="">耳机音响</a>
            <a href="">电源</a>
             <a href="">电池储存卡</a>
        </div>
      </div>
      <!-- 这是搭配下面的div -->
      <div class="dapeinext">
        <ul>
          <li class="dapefirst">
            <a href=""><img src="./img/tdape1.jpg" alt=""></a>
          </li>
          <li>
            <a href=""><img src="./img/dp1.jpg" alt=""></a>
            <p>小米移动电源10000mAh 高配版</p>
            <p><span class="p1">129元</span><span class="p2">149元</span></p>
            <p class="lastp">1.6万人评价</p>
          </li>
          <li>
             <a href=""><img src="./img/dp2.jpg" alt=""></a>
            <p>小米移动电源10000mAh 高配版</p>
            <p><span class="p1">129元</span></p>
            <p class="lastp">1.6万人评价</p>
          </li>
          <li>
            <a href=""><img src="./img/dp3.jpg" alt=""></a>
            <p>小米移动电源10000mAh 高配版</p>
            <p><span class="p1">129元</span></p>
            <p class="lastp">1.6万人评价</p>
          </li>
          <li>
            <a href=""><img src="./img/dp4.jpg" alt=""></a>
            <p>小米移动电源10000mAh 高配版</p>
            <p><span class="p1">129元</span></p>
            <p class="lastp">1.6万人评价</p>
          </li>
          <li class="dapefirst">
            <a href=""><img src="./img/dapeleft2.jpg" alt=""></a>
          </li>
          <li>
            <a href=""><img src="./img/dp5.jpg" alt=""></a>
            <p>小米移动电源10000mAh 高配版</p>
            <p><span class="p1">129元</span></p>
            <p class="lastp">1.6万人评价</p></li>
          <li>
            <a href=""><img src="./img/dp6.jpg" alt=""></a>
            <p>小米移动电源10000mAh 高配版</p>
            <p><span class="p1">129元</span></p>
            <p class="lastp">1.6万人评价</p>
          </li>
          <li>
             <a href=""><img src="./img/dp7.jpg" alt=""></a>
            <p>小米移动电源10000mAh 高配版</p>
            <p><span class="p1">129元</span></p>
            <p class="lastp">1.6万人评价</p>
          </li>
          <li>
            <div class="lastdp">
                  <div class="lastdpl">111111111
                     <p>70元</p>
                  </div>
                  <div class="lastdpr"></div>
            </div>
          </li>
          </ul>
      </div>
      <!-- 这是配件 -->
      <div class="peijian">
        <p>配件</p>
        <div class="peijianright">
              <a href="">热门</a>
              <a href="">保护套</a>
              <a href="">贴膜</a>
              <a href="">其他配件</a>
        </div>
      </div>
      <!-- 这是配件下面的DIV -->
      <div class="peijiannext">
      <ul>
        <li class="pen1"><img src="./img/pejian1.jpg" alt=""></li>
        <li>
           <a href=""><img src="./img/pjr1.jpg" alt=""></a>
           <a href="" class="nexta">小米手机5钢化玻璃贴膜(0.22mm)</a>
           <p>20元<span>19元</span></p>
           <span>2.3万人评价</span>
           <div class="rlative">享九折</div>
        </li>
        <li>
          <a href=""><img src="./img/pjr2.jpg" alt=""></a>
           <a href="" class="nexta">小米手机5钢化玻璃贴膜(0.22mm)</a>
           <p>20元<span>19元</span></p>
           <span>2.3万人评价</span>
        </li>
        <li>
           <a href=""><img src="./img/pjr3.jpg" alt=""></a>
           <a href="" class="nexta">小米手机5钢化玻璃贴膜(0.22mm)</a>
           <p>20元<span>19元</span></p>
           <span>2.3万人评价</span>
        </li>
        <li>
          <a href=""><img src="./img/pjr4.jpg" alt=""></a>
           <a href="" class="nexta">小米手机5钢化玻璃贴膜(0.22mm)</a>
           <p>20元<span>19元</span></p>
           <span>2.3万人评价</span>
        </li>
        <li class="pen1"><img src="./img/pejian6.jpg" alt=""></li>
        <li>
           <a href=""><img src="./img/pjr5.jpg" alt=""></a>
           <a href="" class="nexta">小米手机5钢化玻璃贴膜(0.22mm)</a>
           <p>20元<span>19元</span></p>
           <span>2.3万人评价</span>
           <div class="rlative">享八折</div>
        </li>
        <li>
           <a href=""><img src="./img/pjr6.jpg" alt=""></a>
           <a href="" class="nexta">小米手机5钢化玻璃贴膜(0.22mm)</a>
           <p>20元<span>19元</span></p>
           <span>2.3万人评价</span></li>
        <li>
           <a href=""><img src="./img/pjr7.jpg" alt=""></a>
           <a href="" class="nexta">小米手机5钢化玻璃贴膜(0.22mm)</a>
           <p>20元<span>19元</span></p>
           <span>2.3万人评价</span>
        </li>
        <li>
            <div class="peijianlast">
               <div class="left">
                 <a href="">透明超薄软...</a>
                 <span >39元</span>
               </div>
               <div class="right"><a href=""><img src="./img/pjr8.jpg" alt=""></a></div>
            </div>
            <div class="peijianlast">

              
            </div>
        </li>
      </ul>

      </div>
      <!-- 周边 -->
      <div class="zhoubian">
      <!--   <h2>周边</h2> -->
        <p>周边</p>
        <div class="zhoubianright">
            <a href="">热门</a>
            <a href="">服装</a>
            <a href="">米兔</a>
            <a href="">生活周边</a>
            <a href="">箱包</a>
        </div>
      </div>
      <!-- 周边下面的div -->
      <div class="zhoubiannext">
      <ul>
        <li class="zbt1"><a href=""><img src="./img/dape1.jpg" alt=""></a></li>
        <li >
            <a href=""><img src="./img/zb1.jpg" alt=""></a>
            <a href=""><span>小米V领短袖T恤 男款</span></a>
            <p class="fir">39元</p>
            <p class="second">1.3万人评价</p>
            <div class="zhoubian">2件包邮</div>
        </li>
        <li>
            <a href=""><img src="./img/zb2.png" alt=""></a>
            <a href=""><span>小米V领短袖T恤 西游记</span></a>
            <p class="fir">39元</p>
            <p class="second">6291人评价</p>
            <div class="zhoubian">2件包邮</div>
          
        </li>
        <li>
          <a href=""><img src="./img/zb3.png" alt=""></a>
            <a href=""><span>小米V领短袖T恤 怕鸡毛</span></a>
            <p class="fir">39元</p>
            <p class="second">501人评价</p>
            <div class="zhoubian">2件包邮</div>
        </li>
        <li>
           <a href=""><img src="./img/zb4.png" alt=""></a>
            <a href=""><span>小米V领短袖T恤 去探索</span></a>
            <p class="fir">39元</p>
            <p class="second">499万人评价</p>
            <div class="zhoubian">2件包邮</div>
        </li>
        <li class="zbt"><img src="./img/dape6.jpg" alt=""></li>
          <li class="none">
           <a href=""><img src="./img/zb5.png" alt=""></a>
            <a href=""><span>小米V领短袖T恤 去探索</span></a>
            <p class="fir">39元</p>
            <p class="second">499万人评价</p>
            <div class="zhoubian">2件包邮</div>
        </li>
          <li>
           <a href=""><img src="./img/zb6.png" alt=""></a>
            <a href=""><span>小米V领短袖T恤 去探索</span></a>
            <p class="fir">39元</p>
            <p class="second">499万人评价</p>
            <div class="zhoubian zhoubian1">新品</div>
        </li>
          <li>
           <a href=""><img src="./img/zb7.png" alt=""></a>
            <a href=""><span>小米V领短袖T恤 去探索</span></a>
            <p class="fir">39元</p>
            <p class="second">499万人评价</p>
            <div class="zhoubian zhoubian2">享7折</div>
        </li>
          <li>
           <div class="nfirst">
                <div class="middt"></div>
           </div>
           <div class="nfirst"></div>
          
        </li>
      </ul>
    
      </div>
      <!-- 为你推荐 -->
      <div class="weinituijian">
        <span>为你推荐</span>
        <div class="weinituijianright">
          <ul>
            <li class="lostaborder">
              <i class="iconfont"></i></li>
            <li>
              <i class="iconfont"></i></li>
          </ul>
        </div>
      </div>
      <!-- 为你推荐下面的div -->
      <div class="weinext">
        <ul>
          <li class=weinextfl>
              <a href=""><img src="./img/foryou1.jpg" alt=""></a>
              <a href="">至尊游戏套装</a>
              <p class="price">568元</p>
              <p>o个好评</p>
          </li>
          <li>
              <a href=""><img src="./img/foryou2.jpg" alt=""></a>
              <a href="">小米手环</a>
              <p class="price">69元</p>
              <p>11.7万人评价</p>
            
          </li>
          <li>
              <a href=""><img src="./img/foryou3.jpg" alt=""></a>
              <a href="">米兔儿童电话手表</a>
              <p class="price">299元</p>
              <p>5023万人评价</p>
          </li>
          <li>
              <a href=""><img src="./img/foryou4.jpg" alt=""></a>
              <a href="">小米活塞耳机 基础版</a>
              <p class="price">29元</p>
              <p>4.4万人评价</p>
          </li>
          <li>
              <a href=""><img src="./img/foryou5.jpg" alt=""></a>
              <a href="">90分旅行箱 24寸</a>
              <p class="price">299元</p>
              <p>9137人评价</p>
          </li>
          </ul>
      </div>
      <!-- 热评产品 -->
      <div class="hotproduct">
        <span>热评产品
          <span></div>
      <!-- 热评产品下面div -->
      <div class="hotproductnext">
        <ul>
          <li class=hotproductnextf>
            <a href="" class="one"><img src="./img/rp1.jpg" alt=""></a>
            <div class="second"><a href="">可爱，好多女孩找我要呢</a></div>
            <p>来自于 273294452 的评价</p>
            <p>
            <a href="">经典版米兔</a>
           <!--  <span class="first">|</span> -->
           <span>|</span>
            <span class="secondf">19元</span>
            </p>
          </li>

          <li>
            <a href="" class="one"><img src="./img/rp2.jpg" alt=""></a>
            <div class="second"><a href="">好好用哦，没想到这么个小东西就可以去蹭网了</a></div>
            <p>来自于 蔡剑文 的评价</p>
            <p>
            <a href="">小米随身WIFI</a>
            <span>|</span>
            <span class="secondf">19.9元</span>
            </p>
          </li>
          <li>
            <a href="" class="one"><img src="./img/rp3.jpg" alt=""></a>
            <div class="second"><a href="">不错，顿时wifi被放大了好几倍 赞一个</a></div>
            <p>来自于 幻影5201314 的评价</p>
            <p>
            <a href="">小米WIFI放大镜</a>
            <span>|</span>
            <span class="secondf">39元</span>
            </p> 
          </li>
          <li>
            <a href="" class="one"><img src="./img/rp4.jpg" alt=""></a>
            <div class="second"><a href="">米兔军的升级版，第二次买(第一次买用了还不到一周就丢了，5555 T_T)，接口的设置比前一代...</a></div>
            <p>来自于 273294452 的评价</p>
            <p>
            <a href="">经典版米兔</a>
            <span>|</span>
            <span class="secondf">19元</span>
            </p> 
            
          </li>
          </ul>
      </div>
      <!-- 内容 -->
      <div class="content">
        <span>内容
          <span></div>
      <!-- 内容下div -->
      <div class="contentn">
        <ul>
          <li class="contentnf">
            <a href="" class="f1ioc">图书</a>
            <a href="" class="sioc">爆品战略</a>
            <a href="" class="tioc">雷军力荐！39个爆品案例的故事</a>
            <a href="" class="tioc">逻辑与方法</a>
            <a href=""  class="fioc">8.99</a>
            <a href=""  class="fiioc"><img src="./img/cont1.jpg" /></a>
          </li>
          <li>
            <a href="" class="f1ioc">MIUI主题</a>
            <a href="" class="sioc">NEVERLAND</a>
            <a href="" class="tioc">清凉的颜色伴你读过暑假~创意锁</a>
            <a href="" class="tioc">屏设计+双击换壁纸</a>
            <a href=""  class="fioc">免费</a>
            <a href=""  class="fiioc"><img src="./img/cont2.jpg" /></a> 
          </li>
          <li>
            <a href="" class="f1ioc">游戏</a>
            <a href="" class="sioc">老九门</a>
            <a href="" class="tioc">九门恩怨 盗墓笔记前传上线</a>
            <a href="" class="tioc">&nbsp</a>
            <a href=""  class="fioc">免费</a>
            <a href=""  class="fiioc"><img src="./img/cont3.jpg" /></a>
          </li>
          <li>
            <a href="" class="f1ioc">应用</a>
            <a href="" class="sioc">2015年度应用</a>
            <a href="" class="tioc">2015年度应用</a>
            <a href="" class="tioc">&nbsp</a>
            <a href=""  class="fioc">免费</a>
            <a href=""  class="fiioc"><img src="./img/cont4.png" /></a>
          </li></ul>
      </div>
      <!-- 视频 -->
      <div class="video">
        <span>视频</span>
        <a href="">
        查看全部
        <i class="iconfont"></i>
        </a>
      </div>
      <!-- 视频下面的div -->
      <div class="videon">
        <ul>
            <li class="first">
                <a class="img"><img src="./img/video1.jpg" alt=""></a>
                <a class="title" href="">小米MAX 绝美外观视频</a>
                <p class="desc">6.44" 大屏黄金尺寸，看什么都震撼</p>
                 <div class="ioc"><i class="iconfont"></i></div>
            <li>
                <a class="img"><img src="./img/video2.jpg" alt=""></a>
                <a class="title" href="">手机摄影 防抖绷带（教程）</a>
                <p class="desc">一分钟，拍出手抖迅速见效</p>
                <div class="ioc"><i class="iconfont"></i></div>
            
            </li>
            <li>
                <a class="img"><img src="./img/video3.jpg" alt=""></a>
                <a class="title" href="">笑喷了，沈藤爆笑出演，6集连播</a>
                <p class="desc">小米MAX沈藤爆笑预告全集</p>
                <div class="ioc"><i class="iconfont"></i></div>
            </li>
            <li>
                <a class="img"><img src="./img/video4.jpg" alt=""></a>
                <a class="title" href="">15秒了解小米5到底有多快</a>
                <p class="desc">华少用超快语速告诉你小米5 到底有多快</p>
                <div class="ioc"><i class="iconfont"></i></div>
            </li>
          </ul>
      </div>
    </div>
    <!-- 这个是最下面第二个div -->
    <div class="bottomsec">
    <!-- 这个是产品说明 -->
      <div class="service">
        <ul>
          <li> 
              <i class="iconfont"></i> 
              <span>1小时快修服务</span>
          </li>
          <li>
              <a href=""><i class="iconfont"></i>
              <span>7天无理由退货</span></a> </li>
          <li>
              <i class="iconfont"></i>
              <span>15天免费换货</span>
          </li>
          <li>
              <i class="iconfont"></i>
              <span>满150元包</span></li>
          <li>
              <i class="iconfont"></i>
              <span>520余家售后网点</span>
          </li>
        </ul>
      </div>
      <!-- 这个是产品说明售后 -->
      <div class="servicen">
            <div class="servicenleft">
              <ul>
                <li>
                    <p class="first">帮助中心</p>
                    <p><a href="">账户管理</a></p>
                    <p><a href="">购物指南</a></p>
                    <p><a href="">订单操作</a></p>
                </li>
                <li>
                    <p class="first">服务支持</p>
                    <p><a href="">售后政策</a></p>
                    <p><a href="">自助服务</a></p>
                    <p><a href="">相关下载</a></p> 
                </li>
                <li>
                    <p class="first">线下门店</p>
                    <p><a href="">小米之家</a></p>
                    <p><a href="">服务网点</a></p>
                    <p><a href="">零售网点</a></p>
                </li>
                  <li>
                    <p class="first">关于小米</p>
                    <p><a href="">了解小米</a></p>
                    <p><a href="">加入小米</a></p>
                    <p><a href="">联系我们</a></p>
                </li>

                <li>
                    <p class="first">关注我们</p>
                    <p><a href="">新浪微博</a></p>
                    <p><a href="">小米部落</a></p>
                    <p><a href="">官方微信</a></p>
                </li>
                <li>
                    <p class="first">特色服务</p>
                    <p><a href="">F 码通道</a></p>
                    <p><a href="">小米移动</a></p>
                    <p><a href="">防伪查询</a></p>
                </li>
              </ul>
            </div>
            <div class="servicenright">
              <p class="first">400-100-5678</p>
              <p class="second">周一至周日 8:00-18:00</p>
              <p class="three">（仅收市话费）</p>
              <a href=""><i class="iconfont"></i>24小时在线客服</a>
            </div>
      </div>
    </div>

      <!-- 这是最后一个内容 -->
      <div class="lastdev">
        <div class="lastdevcontent">
           <div class="footlogo">
            <img src="./img/logo-footer.png" alt="">
           </div>
          <div class="footmid">
            <a href="">小米网</a>|
            <a href="">MIUI</a>|
            <a href="">米聊</a>|
            <a href="">多看书城</a>|
            <a href="">小米路由器</a>|
            <a href="">视频电话</a>|
            <a href="">小米后院</a>|
            <a href="">小米天猫店</a>|
            <a href="">小米淘宝直营店</a>|
            <a href="">小米网盟</a>|
            <a href="">问题反馈</a>|
            <a href="">Select Region</a>
            <p>
              <a href="">©mi.com</a>京ICP证110507号 京ICP备10046444号
              <a href="">京公网安备11010802020134号</a>
              <a href="">京网文[2014]0059-0009号</a></p>
            <p>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
          </div>
          <div class="footright">
            <a href="">
              <img src="./img/last1.png" alt=""></a>
            <a href="">
              <img src="./img/last2.png" alt=""></a>
            <a href="">
              <img src="./img/last3.png" alt=""></a>
            <a href="">
              <img src="./img/last4.png" alt=""></a>
          </div>
        </div>
        <div class="lastlast">探索黑科技，小米为发烧而生</div>
        </div>
  </body>

</html>